<template>
  <div class="table_cont">
    <el-table
      border
      stripe
      :data="tableData3"
      style="width: 100%">
      <el-table-column
        prop="date"
        label="日期"
        fixed="left"
        width="350">
      </el-table-column>
      <el-table-column
        prop="name"
        label="姓名"
        width="420">
      </el-table-column>
      <el-table-column
        prop="province"
        label="省份"
        width="420">
      </el-table-column>
      <el-table-column
        prop="city"
        label="市区"
        width="120">
      </el-table-column>
      <el-table-column
        prop="address"
        label="地址"
        width="600">
      </el-table-column>
      <el-table-column
        prop="zip"
        :resizable="false"
        label="邮编"
        width="620">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'table',
  data() {
    return {
      tableData3: [
        {
          date: '2016-05-03',
          name: '王小虎3',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-02',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-04',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-01',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-08',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-07',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-07',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-07',
          name: '王小虎',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }, {
          date: '2016-05-08',
          name: '王小虎7',
          province: '上海',
          city: '普陀区',
          address: '上海市普陀区金沙江路 1518 弄',
          zip: 200333
        }
      ]
    }
  }
}
</script>

<style scoped lang="less">
  .table_cont{
    position: relative;
    padding: 50px 20px 20px;
    .el-table__header-wrapper{
      position: fixed;
      z-index: 100;
      top: 90px;
      left: 220px;
      right: 40px;
      width: auto;
      border: 1px solid red;
      background-color: red;
    }
  }
</style>
